@import "../themeify";

.card {
  @include background_color('bg1');
  // @include border('border-color-base');
}

.card-complex {
  @include background_color('bg1');
  @include border('border-color-base');
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  .card-header {
    height: 40px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @include border-bottom('border-color-base');
    padding: 0 10px;
    @include background_color('bg2');
  }

  .card-body {
    flex: 1;
    font-size: 14px;
    overflow: auto;
  }

  .card-footer {
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    @include border-top('border-color-base');
    padding: 0 10px;
  }
}
